page {
    background-color: #f5f5f5;
    padding-top: 10rpx;
}

.container {
    .item {
        height: 120rpx;
        padding: 12rpx 24rpx;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background-color: #fff;
        border-bottom: 1rpx solid #dcdcdc;
        .top {
            font-size: 30rpx;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            text:first-of-type {
                color: #4b4646;
            }
            text:last-of-type {
               
                text{
                    color: #8cc7fe;
                }
                .red {
                    color: #ff2f31;
                }
            }
            
        }
        .bottom {
            font-size: 26rpx;
            display: flex;
            justify-content: space-between;
            text:first-of-type {
                color: #787170;
            }
            text:last-of-type {
                color: #aa9f9c;
            }
        }
    }
    .item:last-child{
        border: 0;
    }
    .load{
        color: #ccc;
        text-align: center;
        font-size: 25rpx;
        display: flex;
        justify-content: center;
        padding:10rpx 0;
        .text {
            display: inline-block;
            height: 50rpx;
            line-height: 50rpx;
        }
        .loading {
            width: 50rpx;
            height: 50rpx;
            display: inline-block;
            animation: mov 1s linear infinite;
        }
        @keyframes mov {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }
    }
}